<template>
  <div class="custom_button_refresh">
    <a href="javascript:;" @click="refreshClickHandle">
      <van-icon name="replay"></van-icon>
      <span v-if="item.title">{{ $t("lang." + item.title) }}</span>
    </a>
  </div>
</template>
<script>
export default {
  name: "refresh",
  props: {
    item: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  data() {
    return {};
  },
  methods: {
    refreshClickHandle() {
      this.$parent.$emit("refresh", this.$parent.$props.item);
    },
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.custom_button_refresh {
  margin: 0 auto;
  a {
    display: flex;
    font-size: (14 / @base);
    span {
      display: block;
    }
  }
}
</style>
